<template>
	<view class="box">
		<view class="tou" :style="'padding-top:' + statusBarHeight1 + 'px;padding-right:'+ jnbj +'px;'">
			<view class="header-top">
				<!-- <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />共享车源
				<text @click='search' style=' margin-right: 20rpx;'>
					<uni-icons type="search" size="20" color='#fff' />
				</text>
				<p @click="bianji">{{ text }}</p> -->

				<image class="fanhui" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />
				<view class="title">
					共享车源
				</view>
				<view class="right">

					<!-- <uni-icons class="icon" type="search" size="20" color='#fff' @click='search' />
					<view class="right-text" @click="bianji">{{ text }}</view> -->
				</view>

			</view>
		</view>
		<view class="top_flex">
			<view class="tips flex">
				<image src="https://pic.bangbangtongcheng.com/static/light.png" mode="scaleToFill" />
				<text>共享车源仅经纪人可见</text>
			</view>
			<view class="top_btn flex_center" @click="shareRanking">
				共享排名
			</view>
		</view>
		<view class="sousuo_box">
			<view class="sousuo">
				<input type="text" v-model="searchContent" placeholder="请输入搜索内容" />
				<image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" @click="reload" />
				<!-- <view class="quxiao" v-if="!search" @click="back">取消</view> -->
				<!-- <view class="quxiao" @click="searchList">搜索</view> -->
			</view>
			<view class="sousuo_right">
				<view class="btn" @click.stop="showModal" data-target="CZDrawerModalR">
					筛选
				</view>
				<view class="btn btn2" @click="bianji">
					{{width == 290 ? '确认申领':'批量申领'}}
				</view>
			</view>
		</view>
		<!-- <scroll-view scroll-x style="padding-top: 6rpx" class="bg-white nav" scroll-with-animation
			:scroll-left="scrollLeft">
			<view class="cu-item view" :class="index == TabCur ? 'text-green cur' : ''" v-for="(item, index) in list"
				:key="index" @tap="tabSelect" :data-id="index">
				{{ item.name }}
				<image src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix"
					v-if="TabCur == index" />
			</view>
			<img v-if="TabCur!=0" @click.stop="showModal" data-target="CZDrawerModalR"
				style='position: absolute;right: 0; top: 20rpx; width: 50rpx;height:50rpx;margin-right: 30rpx;margin-left: 20rpx;'
				src="https://pic.bangbangtongcheng.com/0368e81063e3433eacf421095050e7b7" alt="">
		</scroll-view> -->
		<!-- #ifdef H5 || APP-PLUS -->
		<scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        'px - 94rpx - 72rpx - 88rpx  )'" @scrolltolower="down" refresher-background="#f5f5f5">
		<!-- #endif -->
			<!-- #ifdef MP -->
			<scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        'px - 94rpx - 72rpx - 88rpx - 54rpx )'
      " @scrolltolower="down" refresher-background="#f5f5f5">
			<!-- #endif -->
				<view class="list list1" :style="width == 290?'padding-bottom:130rpx':''">
					<view class="li" v-for="(item, index) in Recommend" :key="index">
						<view class="li_box">
							<radio v-if="width == 290" :disabled="item.isCopy == 1 || item.publisherId == userInfo.id"
								style="margin-right: 10px;display: flex;align-items: center;" :data-index='index' :checked='item.active'
								@click="changeRadio(index,item)" @change="changeRd"></radio>
							<!-- <view class="xian" :style="'width: ' + (width + 324) + 'rpx'"></view> -->
							<view class="img_box">
								<image mode="aspectFit" class="img1" :src="item.vehicleCoverPicture" @click="details(item)" />

								<view class="state1" v-if="item.isCopy == '1'">
									已申领
								</view>
							</view>
							<view class="li_2" :style="'width:' + width + 'rpx'" @click="details(item)">
								<view class="vehicleRecom">
									<span class="tagLabel">{{item.vehicleType==1?'到店新车':'二手车'}}</span>
									<text>{{item.title}}</text>
									<!-- <span>{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}}
										{{item.model?item.model+'/':""}}
										{{item.bodyStructureDoors+"门"+item.bodyStructureSeat+"座"+item.bodyStructureVehicle+"车"}}</span> -->
								</view>
								<view class="price">
									{{item.price}}万
								</view>
							</view>
						</view>
						<view class="sharer-say flex" :style="width == 290 ? 'paddingLeft:72rpx' : 'left:0rpx'">
							<text style="color:#999">共享者说:
								<text style="color: #333;margin-left:10rpx">
									佣金
									<text v-if="item.isFace != 1"> {{ item.commission }}元</text>
									<text v-if="item.isFace == 1"> 面议</text>
								</text>
							</text>
							<view class="flex" @click="openShareTips(item)">
								展开<u-icon name="arrow-down" color="#64b6a8" size="14"></u-icon>
							</view>
						</view>
					</view>
					<view v-if="Recommend.length == 0" class="none">
						<image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
						<view>没有更多数据了</view>
					</view>
					<view class="down" v-show="Recommend.length != 0 && !downStatus">
						没有更多了
					</view>
				</view>
			</scroll-view>

			<view class="zbc" v-if="zbc">
				<view class="sharer-tips" v-if="showShareTips">
					<view class="tips-top flex">
						<text>共享者说:</text>
						<image v-if="houseDetails.distributor.userId != userInfo.id" @click="goJuBao"
							src="https://pic.bangbangtongcheng.com/static/jubao.png" style="width: 60rpx; height: 60rpx;"></image>
					</view>
					<view class="tips-content">
						<view class="yong-jin flex">
							<text>佣金: </text>
							<view class="">
								<text v-if="houseDetails.isFace != 1"> {{ houseDetails.commission }}元</text>
								<text v-if="houseDetails.isFace == 1"> 面议</text>
							</view>

						</view>
						<view class="yong-jin flex">
							<text>亮点: </text>
							<view>{{houseDetails.highlights}} </view>
						</view>
						<view class="yong-jin flex">
							<text>备注: </text>
							<view>{{houseDetails.commissionRemarks}} </view>
						</view>
					</view>
					<view class="tips-btn-box">
						<view class="tips-btn tips-btn1" @click="closeTips">
							关闭
						</view>
						<view class="tips-btn" @click="shangjiaA">
							申领该车源
						</view>
					</view>
				</view>
			</view>

			<!-- <view class="bot" v-if="width == 290">
				<view class="bot_4" @click="shangjiaC">
					<text>申领</text>
				</view>
			</view> -->

			<uni-popup ref="binds" mode="center">
				<view class="window">
					<view class="window_top">
						<view class="window_text">申领成功！</view>
						<view class="window_text">申领车源请到我的发布进行管理</view>
					</view>
					<view class="window_btn_box">
						<view class="window_btn" @click="bindsClose">查看详情</view>
					</view>
				</view>
			</uni-popup>
			<view class="cu-modal drawer-modal justify-end" @click.stop="hideModal()"
				:class="modalName == 'CZDrawerModalR' ? 'show' : ''">
				<scroll-view scroll-y="true" @touchmove.stop>
					<view class="tittit" @click.stop="" v-if="!selectBrand && !selectSeries"
						:style="[{ top: 'calc(' + CustomBar1 + 'px' + ' + 36px )'},]">
						<view @click="hideModal()">×</view>筛选
					</view>
					<view class="cu-dialog basis-lg" v-if="!selectBrand && !selectSeries" @tap.stop
						:style="[{top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',},]">
						<view class="cu-list menu text-left">
							<view style="height: 80rpx;"></view>
							<view class="choiceCarSeries" v-if="xzrangeData.length!=0">
								<view class="item" v-for="(i,j) in xzrangeData" :key="i.id">
									<span class="choiceCarSeriesName">{{i.brandName}} {{i.seriesName || ''}}</span>
									<span class="close" @click="qxchooseCars(i.id)">×</span>
								</view>
							</view>
							<view class="leibie">
								车源类别
								<span style="color: #999999">（请选择类别）</span>
								<view class="list">
									<view @click.stop="type2Click(index)" :class="item.active ? 'li xuan' : 'li'"
										v-for="(item, index) in type2" :key="index">{{ item.valueName }}</view>
								</view>
							</view>
							<view class="leibie">
								车辆类型
								<span style="color: #999999">（请选择类型）</span>
								<view class="list">
									<view @click.stop="cztype4Click(index)" :class="item.active ? 'li xuan' : 'li'"
										v-for="(item, index) in cztype4" :key="index">{{ item.valueName }}</view>
								</view>
							</view>
							<view class="quyu" v-if="cheType!='老年代步车' && cheType!='农用车'">
								品牌车系
								<view class="list">
									<view class="chooseCars" @click.stop="selectBrandChage">
										选择品牌车系
									</view>
								</view>
							</view>
							<view class="mianji" v-if="cheType!='老年代步车' && cheType!='农用车'">
								变速箱
								<view class="list">
									<view class="radio" @click.stop="tabClickbs(1)">
										<view class="radio_item" :class="bsChage==1?'radioxz':''"></view>
										<span>自动</span>
									</view>
									<view class="radio" @click.stop="tabClickbs(2)">
										<view class="radio_item" :class="bsChage==2?'radioxz':''"></view>
										<span>手动</span>
									</view>
								</view>
							</view>
							<view class="mianji">
								价格
								<view class="list">
									<view class="radio" @click.stop="tabClickjg(i.valueName)" v-for="(i,j) in cztype8" :key="i.valueNum">
										<view class="radio_item" :class="cztype8index==i.valueName?'radioxz':''"></view>
										<span>{{i.valueName}}</span>
									</view>
								</view>
								<view class="customPrice">
									<span style="font-size: 28rpx;font-weight: 500;color: #333333;margin-right: 8rpx;">自定义</span>
									<view class="minimumPrice">
										<input class="input" v-model="referCarSourceData.minimumPrice" type="text">
									</view> <span style="margin: 0 10rpx;">-</span>
									<view class="ceilePrice">
										<input class="input" v-model="referCarSourceData.highestPrice" type="text">
									</view><span style="margin-left: 8rpx;">万</span>
									<view class="confirm" @click="firmPrice()">
										确定
									</view>
								</view>
							</view>
							<view class="mianji" v-if="referCarSourceData.vehicleType!=1 && cheType!='老年代步车' && cheType!='农用车' ">
								车龄
								<view class="list">
									<view class="radio" @click.stop="tabClickcl(i.valueName)" v-for="(i,j) in cztype9" :key="i.valueNum">
										<view class="radio_item" :class="cztype9index==i.valueName?'radioxz':''"></view>
										<span>{{i.valueName}}</span>
									</view>
								</view>
							</view>
							<view class="mianji" v-if="cztype5index!='新能源' &&cheType!='老年代步车' && cheType!='农用车'">
								排量
								<view class="list">
									<view class="radio" @click.stop="tabClickpl(i.valueName)" v-for="(i,j) in cztype10" :key="i.valueNum">
										<view class="radio_item" :class="cztype10index==i.valueName?'radioxz':''"></view>
										<span>{{i.valueName}}</span>
									</view>
								</view>
							</view>
							<view class="leibie" v-if="cztype5index!='新能源' &&cheType!='老年代步车' && cheType!='农用车'">
								排放标准
								<view class="list">
									<view @click.stop="cztype6Click(index)" :class="item.active ? 'li xuan' : 'li'"
										v-for="(item, index) in cztype6" :key="index">{{ item.valueName }}</view>
								</view>
							</view>
							<view class="mianji" v-if="cheType!='老年代步车' && cheType!='农用车'">
								燃油类型
								<view class="list">
									<view class="radio" @click.stop="tabClickry(i.valueName)" v-for="(i,j) in cztype5" :key="i.valueNum">
										<view class="radio_item" :class="cztype5index==i.valueName?'radioxz':''"></view>
										<span>{{i.valueName}}</span>
									</view>
								</view>
							</view>
							<view class="loucen">
								佣金
								<span style="color: #999999">（请选择佣金）</span>
								<view class="list">
									<view class="flex" style="align-items: center;">
										<input class="li" v-model="yongJin1" maxlength="7" style="margin: 0 15rpx;padding: 5rpx 0;"
											type="text">至
										<input class="li" v-model="yongJin2" style="padding: 5rpx 0;margin: 0 15rpx;" maxlength="7"
											type="text">（元）
									</view>
								</view>
							</view>
							<view class="loucen">
								时间
								<span style="color: #999999">（请选择时间）</span>
								<view class="list">
									<view class="flex" style="align-items: center;margin-bottom: 20rpx;">
										<view class="li" style="width: 220rpx;margin: 0 5rpx 0 0;" @click="show1 = true">{{value1}}</view> 至
										<view class="li" style="width: 220rpx;margin: 0 0 0 5rpx;" @click="show2 = true">{{value2}}</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="tittit" v-if="selectBrand" :style="[{top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',},]">
						<view @click.stop="selectBrandfh()">
							<image style="width: 40rpx;height: 40rpx;"
								src="https://pic.bangbangtongcheng.com/8937350f727e4eeda6e97ab0d7398e65"></image>
						</view>选择品牌
					</view>
					<view class="cu-dialog basis-lg" v-if="selectBrand" @tap.stop style="background-color: #fff;"
						:style="[{top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',height: 'calc(100vh - ' + CustomBar1 + 'px - 36px - 80rpx)',},]">
						<view class="cu-list menu text-left">
							<view style="height: 80rpx;"></view>
							<view class="buxian" @click.stop="selectSeriesChage()">不限品牌</view>
							<u-index-list :index-list="indexList" :customNavHeight="viewHight">
								<view v-for="(item, index) in brandArr" :key="index">
									<!-- #ifdef APP-NVUE -->
									<u-index-anchor :text="indexList[index]"></u-index-anchor>
									<!-- #endif -->
									<u-index-item>
										<!-- #ifndef APP-NVUE -->
										<u-index-anchor :text="indexList[index]"></u-index-anchor>
										<!-- #endif -->
										<view class="list-cell" @click.stop="selectSeriesChage(cell)" v-for="(cell, indexs) in item"
											:key="indexs">
											<view class="list-cell-left">
												<image class="list-cell-left-image" :src="cell.brandImage"></image>
												<span class="list-cell-left-span">{{cell.brandName}}</span>
											</view>
											<!-- <image class="list-cell-right"
												src="https://pic.bangbangtongcheng.com/static/bbcz/youjt.png" mode="">
											</image> -->
										</view>
									</u-index-item>
								</view>
							</u-index-list>
						</view>
					</view>
					<view class="tittit" v-if="selectSeries" :style="[{top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',},]">
						<view @click.stop="selectSeriesfh()">
							<image style="width: 40rpx;height: 40rpx;"
								src="https://pic.bangbangtongcheng.com/8937350f727e4eeda6e97ab0d7398e65"></image>
						</view>选择车系
					</view>
					<view class="cu-dialog basis-lg" v-if="selectSeries" @tap.stop
						:style="[{top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',},]">
						<view class="cu-list menu text-left">
							<view style="height: 80rpx;"></view>
							<view class="vehicleBrand">
								<image class="vehicleBrand_image" :src="xzchelxx.brandImage" mode=""></image>
								<span class="vehicleBrand_span">{{xzchelxx.brandName}}</span>
							</view>
							<view class="vehicleBrand-xzcx">
								选择车系
							</view>
							<view class="buxian" style="border-bottom: 1px solid #f0f0f0;padding-left: 40rpx" @click="chooseCars()">
								不限车系</view>
							<view class="vehicleBrand_item" v-for="(i,j) in rangeData" :key="i.id" @click="chooseCars(i)">
								<image class="vehicleBrand_item_image" :src="i.seriesImage" mode=""></image>
								<span class="vehicleBrand_item_span">{{i.seriesName}}</span>
							</view>
						</view>
					</view>
					<view class="di">
						<view class="div l" @click.stop="czcz">重置</view>
						<view class="div r" @click.stop="czsx">确定</view>
					</view>
				</scroll-view>
			</view>
			<u-datetime-picker :show="show1" mode="date" @confirm="confirm1" @cancel="close1"></u-datetime-picker>
			<u-datetime-picker :show="show2" mode="date" @confirm="confirm2" @cancel="close2"></u-datetime-picker>
			<uniBall></uniBall>
	</view>
</template>
<script>
	import {
		mapGetters
	} from "vuex";
	let statusBarHeight;
	//#ifdef H5
	import wxshare from "../utils/index.js";
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//#endif
	// #ifdef APP-PLUS
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
	//  #endif
	// #ifdef MP-WEIXIN
	statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5;
	//  #endif
	export default {
		data() {
			return {
				showShareTips: false,
				statusBarHeight,
				searchContent: '',
				width: 366,
				text: "管理",
				TabCur: 0,
				value1: "",
				value2: "",
				zbc: false,
				shouye: false,
				shangjia: false,
				show1: false,
				show2: false,
				yongJin1: "",
				yongJin2: "",
				houseDetails: {},
				list: [{
						num: 1,
						name: "全部"
					},
					{
						num: 2,
						name: "新车"
					},
					{
						num: 3,
						name: "二手车"
					},
				],
				typeIndex1: -1,
				type4: [{
						valueName: "首页",
						id: "1",
					},
					{
						valueName: "房源信息",
						id: "",
					},
				],
				typeIndex4: -1,
				type6: [{
						valueName: "上架",
						id: "1",
					},
					{
						valueName: "下架",
						id: "0",
					},
				],
				typeIndex6: -1,
				scrollLeft: 0,
				picker: [],
				pageSize: 10,
				pageNo: 1,
				trigger: false,
				downStatus: true,
				upStatus: true,
				userInfo: uni.getStorageSync("Pduser"),
				imgUrl: this.$imgSrc,
				Recommend: [],
				transactionType: "",
				newOld: "",
				activeData: [],
				// 筛选
				modalName: '',
				CustomBar1: '',
				type2: [{
						active: false,
						valueName: "到店新车",
						value: "2"
					},
					{
						active: false,
						valueName: "二手车",
						value: "3"
					}
				],
				cztype2: [],
				cztype4: [],
				cztype5: [],
				cztype5index: -1,
				cztype6: [],
				cztype8: [],
				cztype8index: -1,
				cztype9: [],
				cztype9index: -1,
				cztype10: [],
				cztype10index: -1,
				selectBrand: false,
				selectSeries: false,
				bsChage: 1,
				lbChage: 1,
				indexList: [],
				brandArr: [],
				// 选中的车辆信息
				xzchelxx: {},
				// 车系数据
				rangeData: [],
				// 选择的车系信息
				xzrangeData: [],
				houseAvailableData: '',
				referCarSourceData: {
					pageSize: 10,
					pageNo: 1,
					vehicleType: "",
					vehicleClassification: "",
					vehicleBrandModel: "",
					model: "",
					fuelType: "",
					transmissionCase: "",
					price: "",
					displacement: "",
					emissionStandard: "",
					vehicleAge: "",
					minimumPrice: "",
					highestPrice: "",
					MinimumCommission: "",
					MaximumCommission: "",
					MinimumShareTime: "",
					MaximumShareTime: "",
				},
				cheType: "",
				viewHight: '',
				jnbj: 0
			};
		},
		computed: {
			...mapGetters(["statusBarHeight1", "userinfo"]),
		},
		onLoad() {
			for (let i = 1; i < 11; i++) {
				this.picker.push(i + "天");
			}
			this.CustomBar1 = this.CustomBar
			// 获取窗口信息
			let getWindowInfo = uni.getWindowInfo()
			let isAndroid = false;
			const res = uni.getSystemInfoSync();
			if (res.platform == 'android') {
				this.viewHight = getWindowInfo.screenHeight - (this.CustomBar1 + 36 + 80 + 50)
			} else {
				this.viewHight = getWindowInfo.screenHeight - (this.CustomBar1 + 36 + 80 + 100)
			}
			this.getFy();
			this.czgetType();
			/* #ifdef H5 */
			this.jinzhi();
			/* #endif */

			/* #ifdef MP-WEIXIN */
			const res1 = uni.getMenuButtonBoundingClientRect();
			this.jnbj += res1.width + 15;
			/* #endif */
		},
		async onPullDownRefresh() {
			this.Recommend = [];
			this.referCarSourceData.pageNo = 1;
			this.downStatus = true;
			if (this.upStatus) {
				this.trigger = true;
				await this.getFy();
			}
		},
		filters: {
			nums(val) {
				return val.toFixed(2);
			},
		},
		onShow() {
			this.reload()
		},
		methods: {
			jinzhi() {
				let _this = this;
				let param = window.location.href.split("#")[0];
				uni.request({
					method: "post",
					data: {
						url: param
					},
					header: {
						"content-type": "application/x-www-form-urlencoded",
					},
					url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
					success(re) {
						_this.jinzhifx(re.data);
					},
				});
			},
			jinzhifx(data) {
				wxshare.config({
					debug: false, //是否打开调试
					appId: data.appId, // 公众号的唯一标识
					timestamp: data.timestamp, // 生成签名的时间戳
					nonceStr: data.nonce, // ，生成签名的随机串
					signature: data.signature, // 签名
					jsApiList: ["hideMenuItems"],
				});
				// 禁止分享
				wxshare.hideMenuItems({
					// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
					menuList: [
						"menuItem:share:appMessage",
						"menuItem:share:timeline",
						"menuItem:share:timeline",
						"menuItem:share:qq",
						"menuItem:favorite",
						"menuItem:share:QZone",
						"menuItem:openWithSafari",
					],
				});
			},
			shareRanking() {
				uni.navigateTo({
					url: '/pages_my/shareRanking?type=2'
				})
			},
			bindsClose() {
				this.$refs.binds.close()
				uni.redirectTo({
					url: '/pages_my/myIssue'
				})
			},
			async confirm1(e) {
				let tf = await uni.$u.timeFormat(e.value, "yyyy-mm-dd")
				this.value1 = tf
				this.show1 = false;
			},
			async confirm2(e) {
				let tf = await uni.$u.timeFormat(e.value, "yyyy-mm-dd")
				this.value2 = tf
				this.show2 = false;
			},
			close1() {
				this.show1 = false;
			},
			close2() {
				this.show2 = false;
			},
			type2Click(index) {
				let that = this;
				this.type2.forEach((el, index1) => {
					if (index == index1) {
						that.$set(that.type2[index1], "active", !el.active);
					} else {
						that.type2[index1].active = false;
					}
				});
			},
			openShareTips(val) {
				this.houseDetails = val;
				this.zbc = true;
				this.showShareTips = true;
			},

			closeTips() {
				this.zbc = false;
				this.showShareTips = false;
			},
			showModal(e) {
				this.modalName = e.currentTarget.dataset.target;
				uni.stopPullDownRefresh()
			},
			goJuBao() {
				uni.navigateTo({
					url: `/pages_owner/index/report?type=share&id=${this.houseDetails.publisherId}&houseId=${this.houseDetails.id}`
				})
			},
			hideModal() {
				this.modalName = null;
			},
			// 筛选
			czcz() {
				this.cztype4.forEach(el => {
					el.active = false;
				});
				this.cztype5index = -1
				this.cztype6.forEach(el => {
					el.active = false;
				});
				this.type2.forEach(el => {
					el.active = false;
				});
				this.cztype10index = -1
				this.cztype12index = -1
				this.cztype9index = -1
				this.cztype8index = -1
				this.xzrangeData = []
				this.bsChage = ""
				this.value1 = ""
				this.value2 = ""
				this.yongJin1 = ""
				this.yongJin2 = ""
				this.referCarSourceData.vehicleType = ''
				this.referCarSourceData = {
						pageSize: 10,
						pageNo: 1,
						vehicleClassification: "",
						vehicleBrandModel: "",
						model: "",
						fuelType: "",
						transmissionCase: "",
						price: "",
						displacement: "",
						emissionStandard: "",
						vehicleAge: "",
						minimumPrice: "",
						highestPrice: "",
						MinimumCommission: "",
						MaximumCommission: "",
						MinimumShareTime: "",
						MaximumShareTime: "",
					},
					this.Recommend = [];
				this.downStatus = true;
				this.modalName = null;
				this.getFy();
			},
			czsx() {
				let that = this;
				this.type2.forEach(el => {
					if (el.active == true) {
						if (el.value == 2) {
							this.referCarSourceData.vehicleType = 1
						} else if (el.value == 3) {
							this.referCarSourceData.vehicleType = 2
						}
					}
				});
				let arr = []
				this.referCarSourceData.pageSize = 10
				this.referCarSourceData.pageNo = 1
				this.referCarSourceData.vehicleClassification = ""
				this.referCarSourceData.vehicleBrandModel = ""
				this.referCarSourceData.model = ""
				this.referCarSourceData.fuelType = ""
				this.referCarSourceData.displacement = ""
				this.referCarSourceData.emissionStandard = ""
				this.referCarSourceData.vehicleAge = ""
				this.referCarSourceData.MinimumCommission = this.yongJin1
				this.referCarSourceData.MaximumCommission = this.yongJin2
				this.referCarSourceData.MinimumShareTime = this.value1
				this.referCarSourceData.MaximumShareTime = this.value2
				this.xzrangeData.forEach(v => {
					if (v.seriesName) {
						let as = v.brandName + "|" + v.seriesName
						arr.push(as)
					} else {
						let as = v.brandName
						arr.push(as)
					}
				})
				this.referCarSourceData.vehicleBrandModel = arr.join(",")
				this.cztype4.forEach(el => {
					if (el.active == true) {
						this.referCarSourceData.vehicleClassification = el.valueName
					}
				});
				this.referCarSourceData.fuelType = this.cztype5index == -1 ? "" : this.cztype5index
				this.cztype6.forEach(el => {
					if (el.active == true) {
						this.referCarSourceData.emissionStandard = el.valueName
					}
				});
				this.referCarSourceData.vehicleAge = this.cztype9index == -1 ? "" : this.cztype9index
				this.referCarSourceData.displacement = this.cztype10index == -1 ? "" : this.cztype10index
				this.referCarSourceData
				this.Recommend = [];
				this.downStatus = true;
				this.modalName = null;
				this.getFy();
			},
			// 车主筛选
			firmPrice() {
				if (!this.referCarSourceData.minimumPrice) {
					uni.showToast({
						title: "最低价不能为空",
						icon: "none",
						mask: true,
					});
					return
				}
				if (!this.referCarSourceData.highestPrice) {
					uni.showToast({
						title: "最高价不能为空",
						icon: "none",
						mask: true,
					});
					return
				}
				if (Number(this.referCarSourceData.minimumPrice) > Number(this.referCarSourceData.highestPrice)) {
					uni.showToast({
						title: "最低价不能高于最高价",
						icon: "none",
						mask: true,
					});
					return
				}
				this.cztype8index = -1
				this.referCarSourceData.price = ""
			},
			selectBrandChage() {
				this.selectBrand = true
				this.brandArr = []
				this.brandInformation()
			},
			selectBrandfh() {
				this.selectBrand = false
			},
			selectSeriesChage(item) {
				if (!item) {
					this.selectBrandfh()
					return
				}
				this.selectSeries = true
				this.selectBrand = false
				this.xzchelxx = item
				this.modelInformation(item.id)
			},
			selectSeriesfh() {
				this.selectSeries = false
				this.selectBrand = true
			},
			tabClickbs(e) {
				this.bsChage = e
				if (e == 1) {
					this.referCarSourceData.transmissionCase = 1
				} else {
					this.referCarSourceData.transmissionCase = 2
				}
			},
			tabClickjg(e) {
				this.cztype8index = e
				this.referCarSourceData.price = e
				this.referCarSourceData.minimumPrice = ""
				this.referCarSourceData.highestPrice = ""
			},
			tabClickcl(e) {
				this.cztype9index = e
			},
			tabClickpl(e) {
				this.cztype10index = e
			},
			tabClickry(e) {
				this.cztype5index = e
				if (e == "新能源") {
					this.referCarSourceData.emissionStandard = ""
					this.referCarSourceData.fuelType = ""
					this.cztype10index = -1
					this.cztype6.forEach(el => {
						el.active = false;
					});
				}
			},
			// 获取车辆品牌信息
			brandInformation() {
				let that = this;
				this.$myRequest.get("/api/mobile/vehicleOwner/queryVehicleBrandList", {
						vehicleClassification: this.cheType
					})
					.then(res => {
						let arr = res.vehicleBrandMapList
						let indexList = []
						for (let i in arr) {
							this.brandArr.push(arr[i])
							indexList.push(arr[i][0].initial)
						}
						this.indexList = indexList
					});
			},
			// 获取车系信息
			modelInformation(id) {
				let that = this;
				this.$myRequest.get("/api/mobile/vehicleOwner/queryVehicleSeriesListByBrandId", {
					brandId: id
				}).then(res => {
					this.rangeData = res.vehicleSeriesList
				});
			},
			chooseCars(item) {
				if (!item) {
					this.xzrangeData.push(this.xzchelxx)
					this.selectSeries = false
					this.selectBrand = false
					return
				}
				item.brandName = this.xzchelxx.brandName
				this.xzrangeData.push(item)
				this.selectSeries = false
				this.selectBrand = false
			},
			qxchooseCars(id) {
				this.xzrangeData.forEach((v, j) => {
					if (v.id == id) {
						this.xzrangeData.splice(j, 1)
					}
				})
			},
			czgetType() {
				let that = this;
				this.$myRequest.get("/api/mobile/vehicleOwner/queryDataDictionaryList", {
					type: "2,4,5,6,8,9,10"
				}).then(res => {
					res.dataDictionaryList.forEach(el => {
						el.active = false;
						if (el.type == 2) {
							that.cztype2.push(el);
						} else if (el.type == 4) {
							that.cztype4.push(el);
						} else if (el.type == 5) {
							that.cztype5.push(el)
						} else if (el.type == 6) {
							that.cztype6.push(el)
						} else if (el.type == 8) {
							that.cztype8.push(el)
						} else if (el.type == 9) {
							that.cztype9.push(el)
						} else if (el.type == 10) {
							that.cztype10.push(el)
						}
					});
				});
			},
			cztype4Click(index) {
				let that = this;
				this.cztype4.forEach((el, index1) => {
					if (index == index1) {
						that.$set(that.cztype4[index1], "active", !el.active);
						this.cheType = that.cztype4[index1].valueName
						this.brandInformation()
						if (that.cztype4[index1].valueName == "老年代步车" || that.cztype4[index1].valueName == "农用车") {
							this.cztype5index = -1
							this.cztype12index = -1
							this.cztype8index = -1
							this.cztype6.forEach(el => {
								el.active = false;
							});
							this.cztype10index = -1
							this.cztype8index = -1
							this.xzrangeData = []
							this.bsChage = ""
							this.referCarSourceData.vehicleBrandModel = ""
							this.referCarSourceData.transmissionCase = ""
							this.referCarSourceData.displacement = ""
							this.referCarSourceData.emissionStandard = ""
							this.referCarSourceData.fuelType = ""
							this.referCarSourceData.vehicleAge = ""
						}
					} else {
						that.cztype4[index1].active = false;
					}
				});
			},
			cztype6Click(index) {
				let that = this;
				this.cztype6.forEach((el, index1) => {
					if (index == index1) {
						that.$set(that.cztype6[index1], "active", !el.active);
					} else {
						that.cztype6[index1].active = false;
					}
				});
			},
			bianji() {
				if (this.text == "完成") {
					this.text = "管理";
					this.width = 366;
					this.shangjiaC()
				} else {
					this.text = "完成";
					this.width = 290;
				}
			},
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
				let num = e.currentTarget.dataset.id + 1;
				if (num == 1) {
					this.referCarSourceData.vehicleType = ""
				} else if (num == 2) {
					this.referCarSourceData.vehicleType = 1
				} else if (num == 3) {
					this.referCarSourceData.vehicleType = 2
				}
				this.Recommend = [];
				this.referCarSourceData.pageNo = 1;
				this.upStatus = true;
				this.trigger = false;
				// this.getFy(); // 客户提示要切换tab清空筛选内容，所以直接调用重置方法
				this.czcz();
				if (this.text != "管理") {
					this.bianji();
				}
			},
			changeRd(e) {
				console.log(e)
			},
			changeRadio(index, item) {
				if (item.isCopy == 1 || item.publisherId == this.userInfo.id) return
				let that = this;
				if (that.Recommend[index].active) {
					that.Recommend[index].active = !that.Recommend[index].active;
					var index0 = this.activeData.findIndex((item) => {
						if (that.Recommend[index].id == item) {
							return true;
						}
					});
					this.activeData.splice(index0, 1);
				} else {
					that.Recommend.forEach((el, index1) => {
						if (index1 == index) {
							that.Recommend[index1].active = !that.Recommend[index1].active;
							that.activeData.push(that.Recommend[index1].id);
						} else {
							// that.Recommend[index1].active = false;
						}
					});
				}
				console.log(this.activeData);
			},
			del() {
				let that = this;
				let data = this.Recommend.filter((el) => {
					return el.active;
				});
				if (!data.length) {
					uni.showToast({
						title: "请选择房源",
						icon: "none",
						mask: true,
					});
					return;
				}
				uni.showModal({
					title: "",
					content: "确定删除此房源？",
					showCancel: true,
					success: (res) => {
						if (res.confirm) {
							that.$myRequest
								.post("/mob/user/delHouseInfo", {
									id: data[0].id,
								})
								.then((res) => {
									uni.showToast({
										title: res.msg,
										icon: "none",
										mask: true,
									});
									setTimeout(() => {
										that.reload();
									}, 1000);
								});
						}
					},
				});
			},
			// 搜索
			search() {
				if (!this.userInfo.phone) {
					uni.showToast({
						title: "请登录",
						icon: "none",
						mask: true
					});
					return;
				}
				uni.navigateTo({
					url: "/pages_owner/release/searchPage?searchType=7"
				});
			},

			getFy() {
				let that = this;
				this.upStatus = false;
				// this.referCarSourceData.vehicleType=this.TabCur==0?"":this.TabCur
				this.$myRequest
					.get("/api/mobile/vehicleOwner/getShareVehicle", {
						...this.referCarSourceData,
						searchKeyword: this.searchContent,
						userId: this.userInfo.id
					})
					.then((res) => {
						if (!res.vehicleInformation.pageList.length) {
							that.downStatus = false;
						}
						this.upStatus = true;
						this.trigger = false;
						res.vehicleInformation.pageList.forEach((el) => {
							el.active = false;
						});
						if (this.referCarSourceData.pageNo == 1) {
							this.Recommend = res.vehicleInformation.pageList;
						} else {
							this.Recommend = this.Recommend.concat(res.vehicleInformation.pageList);
						}
						uni.stopPullDownRefresh();
					});
			},
			reload() {
				this.Recommend = [];
				this.referCarSourceData.pageNo = 1;
				this.upStatus = true;
				this.trigger = false;
				this.activeData = [];
				this.width = 366
				this.text = '管理'
				this.getFy();
			},
			down() {
				if (this.downStatus) {
					this.referCarSourceData.pageNo++;
					this.getFy();
				}
			},
			shangjiaC(id) {
				var ids = this.activeData.join(",");
				if (this.activeData.length == 0) {
					uni.showToast({
						title: '未选中车源',
						icon: 'none',
						mask: true
					})
					return
				}
				this.$myRequest
					.post("/api/mobile/vehicleOwner/vehicleShareApplication", {
						userId: this.userInfo.id,
						ids: ids,
						shopId: this.userInfo.shopId,
					})
					.then((res) => {
						// uni.showToast({
						// 	title: res.msg,
						// 	icon: "none",
						// });
						this.text = "管理";
						this.width = 366;

						if (res.success) {
							this.$refs.binds.open()
							this.guan();
							setTimeout(() => {
								this.activeData = []
								this.reload();
								// uni.navigateTo({
								//   url: "/pages_my/myIssue",
								// });
							}, 1000);
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
							});
						}
					});
			},
			shangjiaA(id) {
				var ids = this.houseDetails.id;
				this.$myRequest
					.post("/api/mobile/vehicleOwner/vehicleShareApplication", {
						userId: this.userInfo.id,
						ids: ids,
						shopId: this.userInfo.shopId,
					})
					.then((res) => {
						this.text = "编辑";
						this.width = 366;
						// uni.showToast({
						//   title: res.msg,
						//   icon: "none",
						// });

						if (res.success) {
							this.$refs.binds.open()
							this.guan();
							setTimeout(() => {
								this.activeData = []
								this.reload();
								// uni.navigateTo({
								//   url: "/pages_my/myIssue",
								// });
							}, 1000);
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
							});
						}
					});
			},
			async up() {
				this.Recommend = [];
				this.referCarSourceData.pageNo = 1;
				this.downStatus = true;
				if (this.upStatus) {
					this.trigger = true;
					await this.getFy();
				}
			},
			details(item) {
				uni.navigateTo({
					url: "/pages_owner/index/vehicleDetails?id=" + item.id + "&type=1",
				});
			},
			fanhui() {
				uni.navigateBack({
					delta: 1,
				});
			},
			PickerChange(e) {
				if (!this.activeData.id) {
					uni.showToast({
						title: "请选择车源",
						icon: "none",
					});
					return;
				}
				let index = e.detail.value;
				let type = e.currentTarget.dataset.type;
				if (type == 4) {
					this.typeIndex4 = index;
					this.zbc = true;
					this.shouye = true;
				} else if (type == 6) {
					this.typeIndex6 = index;
					if (index == 0) {} else if (index == 1) {}
				} else if (type == 1) {
					this.typeIndex1 = index;
				}
			},
			guan() {
				this.zbc = false;
				this.shouye = false;
				this.shangjia = false;
			},
		},
	};
</script>
<style lang="less" scoped>
	.show .tittit {
		transform: translateX(0%);
	}

	.tittit {
		position: fixed;
		top: 0;
		right: 0;
		background-color: #f8f8f8;
		z-index: 9999;
		max-width: 100%;
		width: 600rpx;
		transition-duration: 0.3s;
		transform: translateX(100%);
		text-align: center;
		line-height: 80rpx;
		font-size: 30rpx;
		border-bottom: 2rpx solid #cccccc;

		view {
			position: absolute;
			top: 0rpx;
			left: 20rpx;
			color: #999999;
			font-size: 54rpx;
			font-weight: 100;
		}
	}


	.cu-dialog {
		max-width: 100%;
		width: 600rpx;
	}

	.basis-lg {
		flex-basis: 600rpx;
		overflow: auto;
	}

	.di {
		position: fixed;
		width: 100%;
		bottom: 0rpx;
		left: 75rpx;

		.div {
			display: inline-block;
			width: 300rpx;
			height: 98rpx;
			text-align: center;
			line-height: 98rpx;
			font-size: 30rpx;
		}

		.l {
			background: #e0e0e0;
		}

		.r {
			background: #64b6a8;
			color: #fff;
		}
	}

	.cu-list {
		// padding-top: calc(var(--status-bar-height) + 80rpx);
		padding-bottom: 98rpx;

		.buxian {
			height: 80rpx;
			display: flex;
			align-items: center;
			padding-left: 20rpx;
		}

		.tit {
			position: relative;
			width: 100%;
			height: 80rpx;
			text-align: center;
			line-height: 80rpx;
			font-size: 30rpx;
			border-bottom: 2rpx solid #cccccc;

			view {
				position: absolute;
				top: 0rpx;
				left: 20rpx;
				color: #999999;
				font-size: 54rpx;
				font-weight: 100;
			}
		}

		.list-cell {
			display: flex;
			box-sizing: border-box;
			width: 90%;
			padding: 10px 24rpx;
			overflow: hidden;
			color: #323233;
			font-size: 14px;
			line-height: 24px;
			background-color: #fff;
			justify-content: space-between;
			align-items: center;

			.list-cell-left {
				display: flex;
				align-items: center;

				.list-cell-left-image {
					width: 60rpx;
					height: 60rpx;
					margin-right: 17rpx;
				}
			}

			.list-cell-right {
				width: 40rpx;
				height: 40rpx;
			}
		}

		.vehicleBrand {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100rpx;

			.vehicleBrand_image {
				width: 100rpx;
				height: 80rpx;
			}

			.vehicleBrand_span {
				font-size: 40rpx;
				font-weight: 400;
				color: #333333;
				margin-left: 5rpx;
			}
		}

		.choiceCarSeries {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			background-color: #F2F2F2;
			margin-top: 30rpx;
			padding: 20rpx 0;
			padding-left: 40rpx;

			.item {
				// width: 120rpx;
				padding: 10rpx 20rpx;
				// height: 50rpx;
				margin-bottom: 20rpx;
				border: 1px solid #333;
				font-size: 24rpx;
				line-height: 50rpx;
				margin-right: 20rpx;
				display: flex;
				align-items: center;

				.choiceCarSeriesName {
					max-width: 200rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-right: 10rpx;
				}

				.close {
					font-size: 42rpx;
				}
			}
		}

		.vehicleBrand-xzcx {
			width: 100%;
			height: 50rpx;
			background-color: #F2F2F2;
			line-height: 50rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #333333;
			padding-left: 40rpx;
		}

		.vehicleBrand_item {
			display: flex;
			align-items: center;
			margin-bottom: 40rpx;

			.vehicleBrand_item_image {
				width: 142rpx;
				height: 75rpx;
				border-radius: 12rpx;
				margin-left: 50rpx;
			}

			.vehicleBrand_item_span {
				font-size: 30rpx;
				font-weight: 500;
				color: #6F6F6F;
				margin-left: 30rpx;
			}
		}

		.leibie {
			margin-top: 40rpx;
			font-size: 28rpx;
			margin-left: 40rpx;

			.list {
				width: 100%;
				margin-top: 24rpx;

				.li {
					display: inline-block;
					text-align: center;
					width: 154rpx;
					height: 60rpx;
					line-height: 60rpx;
					background: #f2f2f2;
					border-radius: 30rpx;
					margin-right: 24rpx;
					margin-bottom: 24rpx;
				}

				.xuan {
					background: #64b6a8;
					color: #fff;
				}
			}
		}

		.quyu {
			margin-top: 40rpx;
			font-size: 28rpx;
			margin-left: 40rpx;

			.list {
				width: 100%;
				margin-top: 24rpx;

				.chooseCars {
					width: 503rpx;
					height: 60rpx;
					background-color: #64B6A8;
					border-radius: 12rpx;
					border: 1px solid #64B6A8;
					text-align: center;
					line-height: 60rpx;
					color: #fff;
				}

				.li {
					display: inline-block;
					text-align: center;
					width: 154rpx;
					height: 60rpx;
					line-height: 60rpx;
					background: #f2f2f2;
					border-radius: 30rpx;
					margin-right: 24rpx;
					margin-bottom: 24rpx;
				}

				.xuan {
					background: #64b6a8;
					color: #fff;
				}
			}
		}

		.jiage {
			margin-top: 40rpx;
			font-size: 28rpx;
			margin-left: 40rpx;

			.list {
				width: 100%;
				margin-top: 24rpx;

				.li {
					display: inline-block;
					text-align: center;
					width: 214rpx;
					height: 60rpx;
					line-height: 60rpx;
					background: #f2f2f2;
					border-radius: 30rpx;
					margin-right: 24rpx;
					margin-bottom: 24rpx;
				}

				.xuan {
					background: #64b6a8;
					color: #fff;
				}
			}
		}

		.mianji {
			margin-top: 40rpx;
			font-size: 28rpx;
			margin-left: 40rpx;
			margin-right: 50rpx;

			.list {
				width: 100%;
				margin-top: 24rpx;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

				.radio {
					width: 50%;
					display: flex;
					align-items: center;
					margin-bottom: 24rpx;

					.radio_item {
						width: 36rpx;
						height: 36rpx;
						border: 1px solid #333;
						border-radius: 36rpx;
						margin-right: 14rpx;

						span {
							font-size: 28rpx;
							font-weight: 500;
							color: #333333;
						}
					}

					.radioxz {
						border: 1px solid #64B6A8;
						position: relative;
					}

					.radioxz::before {
						content: "";
						width: 24rpx;
						height: 24rpx;
						border-radius: 24rpx;
						background-color: #64B6A8;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
				}
			}

			.customPrice {
				display: flex;
				align-items: center;

				.input {
					width: 88rpx;
					height: 40rpx;
					border-radius: 4rpx;
					border: 1px solid #333333;
					padding: 6rpx;
					color: #64B6A8;
					font-size: 24rpx;
				}

				.minimumPrice {
					position: relative;
				}

				.ceilePrice {
					position: relative;
				}

				.minimumPrice::after {
					content: "最低价";
					width: 100rpx;
					font-size: 22rpx;
					font-weight: 400;
					color: #999999;
					text-align: center;
					position: absolute;
					bottom: -34rpx;
					left: 50%;
					transform: translateX(-50%);
				}

				.ceilePrice::after {
					content: "最高价";
					width: 100rpx;
					font-size: 22rpx;
					font-weight: 400;
					color: #999999;
					text-align: center;
					position: absolute;
					bottom: -34rpx;
					left: 50%;
					transform: translateX(-50%);
				}

				.confirm {
					width: 120rpx;
					height: 58rpx;
					background-color: #64B6A8;
					border-radius: 4rpx;
					text-align: center;
					line-height: 58rpx;
					color: #fff;
					margin-left: 30rpx;
				}
			}
		}

		.loucen {
			margin-top: 40rpx;
			font-size: 28rpx;
			margin-left: 40rpx;

			.list {
				width: 100%;
				margin-top: 24rpx;

				.li {
					display: inline-block;
					text-align: center;
					width: 154rpx;
					height: 60rpx;
					line-height: 60rpx;
					background: #f2f2f2;
					border-radius: 30rpx;
					margin-right: 24rpx;
					margin-bottom: 24rpx;
				}

				.xuan {
					background: #64b6a8;
					color: #fff;
				}
			}
		}
	}


	.zbc {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.3);

		.sharer-tips {
			position: absolute;
			// padding: 30rpx0;
			width: 600rpx;
			// height: 310rpx;
			background-color: #fff;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 10rpx;

			.tips-top {
				padding: 45rpx 35rpx 20rpx;

				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.tips-content {
				padding: 0 35rpx;

				.yong-jin {
					margin-bottom: 10rpx;
					align-items: flex-start;
					flex-wrap: wrap;

					view {
						margin-left: 10rpx;
						width: 400rpx;
						word-wrap: break-word;
						word-break: break-all;
						word-break: break-all;
					}
				}
			}


			.tips-btn-box {
				display: flex;
				border-top: 1rpx solid #666666;
				margin-top: 40rpx;
			}

			.tips-btn {
				width: 50%;
				padding: 30rpx 0;
				text-align: center;
				background-color: #64b6a8;
				color: #fff;
			}

			.tips-btn1 {
				background: #ffffff;
				color: #64b6a8;
			}
		}

		.tan {
			position: absolute;
			width: 600rpx;
			height: 420rpx;
			background-color: #fff;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 10rpx;
			overflow: hidden;

			.li_1 {
				margin-left: 32rpx;
				margin-top: 60rpx;
				font-weight: 600;
				font-size: 30rpx;
			}

			.li_2 {
				font-size: 30rpx;
				margin-left: 32rpx;
				margin-top: 30rpx;

				view {
					display: inline-block;
					font-weight: 600;
					font-size: 30rpx;
				}

				.xuan {
					position: relative;
					width: 160rpx;
					height: 60rpx;
					background: #ffffff;
					border: 2rpx solid #64b6a8;
					border-radius: 37rpx;
					line-height: 60rpx;
					color: #64b6a8;
					text-indent: 16rpx;
				}

				.xuan::before {
					position: absolute;
					top: 20rpx;
					right: 30rpx;
					content: "";
					border-color: #fff #fff #64b6a8 #fff;
					border-style: solid;
					border-width: 0rpx 8rpx 14rpx 8rpx;
					height: 0;
					width: 0;
				}
			}

			.li_3 {
				width: 536rpx;
				font-size: 24rpx;
				margin-left: 32rpx;
				color: #ea4b4b;
				margin-top: 40rpx;
			}

			.li_4 {
				position: absolute;
				font-size: 30rpx;
				width: 300rpx;
				height: 90rpx;
				background: #f2f2f2;
				bottom: 0;
				left: 0;
				text-align: center;
				line-height: 90rpx;
			}

			.li_5 {
				position: absolute;
				font-size: 30rpx;
				width: 300rpx;
				height: 90rpx;
				background: #64b6a8;
				bottom: 0;
				right: 0;
				text-align: center;
				line-height: 90rpx;
				color: #fff;
			}
		}

		.shangjia {
			z-index: 99;
			position: absolute;
			width: 600rpx;
			height: 300rpx;
			background-color: #fff;
			border-radius: 10rpx;
			top: 30%;
			left: 50%;
			transform: translateX(-50%);

			.li_1 {
				width: 100%;
				font-size: 34rpx;
				font-weight: 600;
				margin-left: 114rpx;
				margin-top: 80rpx;
			}

			.li_2 {
				display: inline-block;
				vertical-align: top;
				width: 160rpx;
				height: 60rpx;
				background: #ffffff;
				border: 2rpx solid #64b6a8;
				border-radius: 37rpx;
				text-align: center;
				line-height: 60rpx;
				color: #64b6a8;
				margin-top: 58rpx;
				margin-left: 118rpx;
			}

			.li_3 {
				display: inline-block;
				vertical-align: top;
				width: 160rpx;
				height: 60rpx;
				background: #64b6a8;
				border-radius: 37rpx;
				text-align: center;
				line-height: 60rpx;
				color: #fff;
				margin-top: 58rpx;
				margin-left: 46rpx;
			}
		}
	}

	.box {
		width: 100%;
		// padding-bottom: 130rpx;
		background-color: #fff;
	}

	.tou {
		position: relative;
		width: 100%;
		// height: 88rpx;
		text-align: center;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #fff;
		background-color: #64b6a8;
		position: relative;

		.header-top {
			padding: 0 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 88rpx;
			.fanhui {
				width: 32rpx;
				height: 32rpx;
			}

			.title {
				transform: translateX(-50%);
				position: absolute;
				left: 50%;
			}

			.right {
				display: flex;
				align-items: center;
				width: 32rpx;
			}

			.icon {
				margin-right: 20rpx;
			}

			.right-text {
				line-height: 44rpx;
				font-size: 32rpx;
				color: #fff;
			}
		}


		.image1 {
			position: absolute;
			width: 32rpx;
			height: 32rpx;
			// top: 116rpx;
			left: 30rpx;
		}

		.image2 {
			position: absolute;
			width: 56rpx;
			height: 56rpx;
			// top: 104rpx;
			right: 30rpx;
		}

		p {
			position: absolute;
			// top: 104rpx;
			line-height: 45rpx;
			bottom: 21rpx;
			right: 30rpx;
			font-size: 32rpx;
			color: #fff;
		}

		// text {
		// position: absolute;
		// right: 50rpx;
		// font-size: 32rpx;
		// }
	}



	.bot {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 120rpx;
		background-color: #fff;
		z-index: 9;

		view {
			display: inline-block;
			position: absolute;
		}

		.bot_1 {
			left: 42rpx;
			top: 38rpx;
		}

		.bot_2 {
			left: 196rpx;
			top: 38rpx;
		}

		.bot_3 {
			width: 200rpx;
			height: 70rpx;
			background: #ffffff;
			border: 2rpx solid #64b6a8;
			color: #64b6a8;
			line-height: 68rpx;
			left: 304rpx;
			top: 25rpx;
			text-indent: 56rpx;
			border-radius: 36rpx;

			picker {
				height: 100%;
				width: 100%;

				.picker {
					left: 0;
					height: 100%;
					width: 100%;
					text-align: left;
					display: flex;
					position: relative;
					justify-content: center;
					text-indent: 0px;
				}
			}
		}

		.bot_3::before {
			position: absolute;
			top: 28rpx;
			right: 20rpx;
			content: "";
			border-color: #fff #fff #64b6a8 #fff;
			border-style: solid;
			border-width: 0rpx 8rpx 14rpx 8rpx;
			height: 0;
			width: 0;
		}

		.bot_4 {
			width: 150rpx;
			height: 70rpx;
			background: #64b6a8;
			color: #ffffff;
			line-height: 68rpx;
			// left: 520rpx;
			right: 50rpx;
			top: 25rpx;
			// text-indent: 56rpx;
			text-align: center;
			border-radius: 36rpx;

			picker {
				height: 100%;
				width: 100%;

				.picker {
					height: 100%;
					width: 100%;
					left: 0;
					text-align: left;
					display: flex;
					position: relative;
					justify-content: center;
					text-indent: 0px;
				}
			}
		}

		.bot_4::before {
			position: absolute;
			top: 28rpx;
			right: 20rpx;
			// content: "";
			border-color: #64b6a8 #64b6a8 #fff #64b6a8;
			border-style: solid;
			border-width: 0rpx 8rpx 14rpx 8rpx;
			height: 0;
			width: 0;
		}
	}

	.list1 {
		padding: 30rpx;
	}

	.list {

		// width: 720rpx;

		.tit {
			color: #333333;
			font-size: 36rpx;
			margin-bottom: 12rpx;
		}

		.li {
			position: relative;
			// width: 96%;
			margin-bottom: 30rpx;
			border-bottom: 1rpx solid #e0e0e0;

			.li_box {
				display: flex;

				.radio {
					display: flex;
					align-items: center;
				}
			}

			// display: flex;
			.sharer-say {
				justify-content: space-between;
				align-items: center;

				text {
					width: 400rpx;
					// flex: 11;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				view {
					// flex: 1;
					padding: 10rpx;
					color: #64b6a8;
				}
			}

			.xian {
				position: absolute;
				height: 2rpx;
				background-color: #e0e0e0;
				bottom: -60rpx;
				right: 0;
			}

			.img1 {
				width: 300rpx;
				height: 200rpx;
				border-radius: 20rpx;
			}

			.img_box {
				width: 300rpx;
				height: 200rpx;
				position: relative;
				box-shadow: 0px 0px 6px 0px rgba(67, 67, 67, 0.102);

				.mask {
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: -4rpx;
				}

				.state {
					background: #F1A154;
					padding: 7rpx 10rpx;
					border-radius: 16rpx 0 16rpx 0;
					position: absolute;
					font-size: 20rpx;
					color: #fff;
					left: 0;
					top: 0;
				}

				.state1 {
					background: #64B6A8;
					padding: 7rpx 10rpx;
					border-radius: 16rpx 0 16rpx 0;
					position: absolute;
					font-size: 20rpx;
					color: #fff;
					left: 0;
					top: 0;
				}

				.fail {
					background: #E86565;
				}

				.fail1 {
					background: #999999;
				}
			}

			.li_2 {
				margin-left: 24rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				.vehicleRecom {
					font-size: 32rpx;
					font-weight: 600;
					color: #333333;
					line-height: 44rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 4; //想要的行数
					-webkit-box-orient: vertical;

					.tagLabel {
						vertical-align: top;
						background: #64B6A8;
						color: #fff;
						font-size: 24rpx;
						text-align: center;
						width: 106rpx;
						margin-right: 10rpx;
						padding: 4rpx 6rpx;
						border-radius: 4rpx;
					}
				}

				.price {
					font-size: 32rpx;
					font-weight: 600;
					color: #E00000;
				}
			}
		}

		.li:last-child {
			border-bottom: 0rpx solid #e0e0e0;
		}
	}

	.view {
		position: relative;
		font-size: 26rpx;
		border: 0;
		color: #333333;
		margin-right: 0;

		image {
			position: absolute;
			width: 44rpx;
			height: 24rpx;
			top: 66rpx;
			left: 50%;
			transform: translateX(-50%);
		}
	}

	.cur {
		color: #64b6a8;
		border: 0;
		transform: scale(1.1);
	}

	/deep/uni-checkbox .uni-checkbox-input {
		background-color: rgba(0, 0, 0, 0);
		// border: 2rpx solid #999;
		border: 2rpx solid #999 !important;
	}

	/deep/ uni-radio:not([disabled]) .uni-radio-input:hover {
		border-color: #d1d1d1;
	}

	/deep/uni-checkbox .wx-checkbox-input,
	/deep/uni-checkbox .uni-checkbox-input {
		width: 48rpx;
		height: 48rpx;
		border: 2rpx solid #999 !important;
	}

	/deep/.uni-checkbox-input-checked {
		background-color: #64b6a8 !important;
		// border: 2rpx solid #64b6a8 !important;
	}

	/deep/ uni-checkbox::before {
		font-size: 40rpx;
		margin-top: -14rpx;
		right: 6rpx !important;
	}

	.down {
		height: 60rpx;
		line-height: 60rpx;
		// border-top: 2rpx solid #d0d0d0;
		text-align: center;
	}

	.none {
		text-align: center;

		image {
			width: 430rpx;
			margin-bottom: 16rpx;
		}

		view {
			height: 40rpx;
			line-height: 40rpx;
			color: #666;
		}
	}

	.zbc {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 99;
	}

	.sousuo_box {
		display: flex;
		// height: 74rpx;
		padding: 20rpx 30rpx 20rpx;
		justify-content: space-between;

		.sousuo {
			position: relative;
			width: 323rpx;
			height: 64rpx;
			// margin-top: 30rpx;
			// margin-left: 30rpx;
			border: 2rpx solid #64b6a8;
			border-radius: 36rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 20rpx;
			margin-right: 30rpx;

			image {
				display: inline-block;
				width: 50rpx;
				height: 50rpx;
				// margin-left: 20rpx;
				// margin-top: 12rpx;
			}

			input {
				display: inline-block;
				width: 220rpx;
				height: 50rpx;
				line-height: 52rpx;
				// margin-top: 12rpx;
				vertical-align: top;
				font-size: 28rpx;
			}

			.quxiao {
				position: absolute;
				top: 4rpx;
				right: 4rpx;
				width: 120rpx;
				height: 60rpx;
				line-height: 60rpx;
				color: #fff;
				text-align: center;
				background: #64b6a8;
				border-radius: 30rpx;
			}
		}

		.sousuo_right {
			display: flex;

			.btn {
				padding: 0 34rpx;
				border-radius: 100rpx;
				background: #64B6A8;
				font-size: 28rpx;
				color: #fff;
				line-height: 64rpx;
				margin-right: 30rpx;
				text-align: center;
			}

			.btn:last-child {
				margin-right: 0;
			}

			.btn2 {
				width: 180rpx;
			}
		}
	}

	.top_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 30rpx 0;

		.tips {
			align-items: center;

			image {
				width: 48rpx;
				height: 48rpx;
				margin-right: 10rpx;
			}

			font-size: 24rpx;
			color: #999999;
		}

		.top_btn {
			width: 137rpx;
			height: 52rpx;
			border-radius: 10rpx;
			opacity: 1;
			border: 2rpx solid #64B6A8;
			color: #64B6A8;
			font-size: 24rpx;
		}
	}

	.window {
		width: 600rpx;
		background: #fff;
		border-radius: 10rpx;
		padding: 54rpx 60rpx;
		position: relative;
		overflow: hidden;

		.window_text {
			margin-bottom: 20rpx;
			font-size: 34rpx;
			line-height: 48rpx;
			color: #333;
			text-align: center;
		}

		.text_widnow {
			padding: 16rpx;
			min-height: 160rpx;
			background: #F2F2F2;
			border-radius: 10rpx;
			opacity: 1;
			font-size: 24rpx;
			line-height: 34rpx;
			margin-bottom: 20rpx;
		}

		.show {
			text-align: right;
			font-size: 24rpx;
			color: #64B6A8;
			line-height: 34rpx;
			padding-bottom: 20rpx;
		}

		.window_btn_box {
			display: flex;
			justify-content: center;

			.window_btn {
				// width: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 90rpx;
				background: #F2F2F2;
				font-size: 30rpx;
				width: 240rpx;
				height: 60rpx;
				background: #64B6A8;
				border-radius: 37rpx;
				opacity: 1;
				color: #fff;
			}

			.window_btn1 {
				color: #fff;
				background: #64B6A8;
			}
		}
	}
</style>